<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>Document</title>
    <link rel="stylesheet" href="../../css/assets/getMoney.css">
    <link rel="stylesheet" href="../../css/public/base.css">
    <link rel="stylesheet" href="../../css/public/nav_two.css">
    <link rel="stylesheet" href="../../layui/css/layui.css" media="all">
    <script src="../../js/public/jquery-3.3.1.js"></script>
</head>
<style>
    #hide{
        height:350px!important;
    }
</style>
<style>
    .nav_two .left>ul>li:nth-of-type(2) {
        background-color: #e5f1fc;
    }

</style>

<body>
    <div>
        <div class="tanchu2">
            <div class="cen2">
                <div class="cenTitle">
                    <div class="cenLeft">信息</div>
                    <div class="cenRight"><i class="layui-icon layui-icon-close" style="font-size: 20px;font-weight: bold; color: #666;"></i></div>
                </div>
                <div class="cenContent">确认要删除这张收款卡号吗？</div>
                <div class="cenBotton">
                    <button class="layui-btn cenBtn btnOne" lay-submit="" lay-filter="demo1">提交</button>
                    <button class="layui-btn cenBtn btnTwo" lay-submit="" lay-filter="demo1">提交</button>
                </div>
            </div>
        </div>
    </div>


    <div id="nav"></div>
    <div class="priceManagement">
        <form class="layui-form" action="">
            <div class="main">
                <div class="left">
                    <div class='nav_two'>
                        <div class="left">
                          <ul>
                            <li><div><span class="circle"></span><a href="../Assets/statistics.html"></a>资产统计</div></li>
                            <li><div><span class="circle"></span><a href="../Assets/getMoney.html"></a>收款卡号管理</div></li>
                            <li><div><span class="circle"></span><a href="../Assets/usdt.html"></a>USDT地址</div></li>
                            <li><div><span class="circle"></span><a href="../Assets/System.html"></a>系统拨比</div></li>
                            <li><div><span class="circle"></span><a href="../Assets/statistics_xi.html"></a>资金明细</div></li>
                        </ul>
                        </div>
                    </div>
                </div>
                <div id="hide">
                    <div class="hideContent layui-form">
                        <div class="layui-form-item">
                            <label class="layui-form-label">银行户名</label>
                            <div class="layui-input-block">
                                <input type="text" name="title" required lay-verify="required" placeholder="请输入"
                                    autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">银行名称</label>
                            <div class="layui-input-block">
                                <input type="text" name="title" required lay-verify="required" placeholder="请输入"
                                    autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">银行账户</label>
                            <div class="layui-input-block">
                                <input type="text" name="title" required lay-verify="required" placeholder="请输入"
                                    autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">开户行</label>
                            <div class="layui-input-block">
                                <input type="text" name="title" required lay-verify="required" placeholder="请输入"
                                    autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label" style="margin-left:-128px;">显示开关</label>
                            <div class="layui-input-block">
                                <input type="checkbox" name="switch" lay-skin="switch" lay-text='开|关'>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">排序</label>
                            <div class="layui-input-block">
                                <input type="text" name="title" required lay-verify="required" placeholder="请输入"
                                    autocomplete="off" class="layui-input">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="right">
                    <!-- <div class="top">
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label wdStyle">户名：</label>
                                <input type="text" name="title" style="width:196px;" placeholder="请输入…" class="layui-input">
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label wdStyle">开户时间：</label>
                                <input type="text" name="title" style="width:196px;" placeholder="请输入…" class="layui-input">
                            </div>
                            <div class="layui-inline checkStyle">
                                <button class="layui-btn btnStyle" lay-submit="" lay-filter="demo1">查询</button>
                            </div>
                            <div class="layui-inline">
                                <button class="layui-btn btnStyle2" lay-submit="" lay-filter="demo1">重置</button>
                            </div>
                            <div class="layui-inline open-w">
                                展开
                                <i class="layui-icon layui-icon-down"></i>
                            </div>
                        </div>
                    </div> -->
                    <div class="middle">
                        <!-- <div class="layui-inline">
                        </div> -->
                        <div class="site-demo-button" id="layerDemo" style="margin-bottom: 0;">
                            <button class="addManage" data-type="auto">添加菜单</button>
                        </div>
                    </div>
                    <div class="button">
                        <table class="layui-hide" id="demo" lay-filter="test"></table>
                        <script type="text/html" id="barDemo">
                            <a style="color:#2d528f" class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">编辑</a>
                            <a style="color: #ff0000" class="layui-btn layui-btn-primary layui-btn-xs" lay-event="del">删除</a>
                        </script>
                        <script type="text/html" id="openIf">
                            <input class="openclose" type="checkbox" name="close" lay-skin="switch" lay-text="开|关">
                        </script>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <script src="../../layui/layui.js"></script>
    <script src='../../js/assets/assets.js'></script>
    <script>
        layui.use('element', function () {
            var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块

            //监听导航点击
            element.on('nav(demo)', function (elem) {
                //console.log(elem)
                layer.msg(elem.text());
            });
        });
    </script>
    <script>
        layui.use(['table', 'form', 'laypage', 'layer'], function () {
            var table = layui.table
                , laypage = layui.laypage
                , layer = layui.layer

            $('.addManage').click(function () {
                layer.open({
                    type: 1,
                    title: '新增卡号',
                    closeBtn: 1,
                    area: '710px;',
                    shade: 0,
                    id: 'LAY_layuipro', //设定一个id，防止重复弹出
                    btn: ['提交', '重置'],
                    btnAlign: 'c',
                    moveType: 1, //拖拽模式，0或者1
                    content: $('#hide'),
                    success: function (layero) {
                        var btn = layero.find('.layui-layer-btn');
                        btn.find('.layui-layer-btn0').attr({
                            href: '#',
                            // target: '_blank'
                        });
                    }
                });
            })

            table.render({
                elem: '#demo'
                , skin: 'nob'
                , page: true
                , limit: 17
                , cols: [[
                    { type: 'checkbox', minWidth: 60 }
                    , { field: 'id', title: '序号', minWidth: 60, unresize: true }
                    , { field: 'yhname', title: '银行户名', minWidth: 100, unresize: true }
                    , { field: 'number', title: '银行卡号', minWidth: 140, unresize: true }
                    , { field: 'where', title: '开户行', minWidth: 220, unresize: true }
                    , { field: 'userif', title: '开关', toolbar: '#openIf', minWidth: 120, unresize: true }
                    , { field: 'order', title: '排序', minWidth: 100, unresize: true }
                    , { title: '操作', minWidth: 130, align: 'center', toolbar: '#barDemo', unresize: true, fixed: 'right' }
                ]]
                , data: [{
                    "id": "01"
                    , "yhname": "张三"
                    , "number": "6225****123456"
                    , "where": "中国工商银行佛山分行营业部"
                    , "userif": "开关"
                    , "type": "checkbox"
                    , "order": '01'
                }, {
                    "id": "01"
                    , "yhname": "张三"
                    , "number": "6225****123456"
                    , "where": "中国工商银行佛山分行营业部"
                    , "userif": "开关"
                    , "type": "checkbox"
                    , "order": '01'
                }, {
                    "id": "01"
                    , "yhname": "张三"
                    , "number": "6225****123456"
                    , "where": "中国工商银行佛山分行营业部"
                    , "userif": "开关"
                    , "type": "checkbox"
                    , "order": '01'
                }, {
                    "id": "01"
                    , "yhname": "张三"
                    , "number": "6225****123456"
                    , "where": "中国工商银行佛山分行营业部"
                    , "userif": "开关"
                    , "type": "checkbox"
                    , "order": '01'
                }, {
                    "id": "01"
                    , "yhname": "张三"
                    , "number": "6225****123456"
                    , "where": "中国工商银行佛山分行营业部"
                    , "userif": "开关"
                    , "type": "checkbox"
                    , "order": '01'
                }, {
                    "id": "01"
                    , "yhname": "张三"
                    , "number": "6225****123456"
                    , "where": "中国工商银行佛山分行营业部"
                    , "userif": "开关"
                    , "type": "checkbox"
                    , "order": '01'
                }, {
                    "id": "01"
                    , "yhname": "张三"
                    , "number": "6225****123456"
                    , "where": "中国工商银行佛山分行营业部"
                    , "userif": "开关"
                    , "type": "checkbox"
                    , "order": '01'
                }, {
                    "id": "01"
                    , "yhname": "张三"
                    , "number": "6225****123456"
                    , "where": "中国工商银行佛山分行营业部"
                    , "userif": "开关"
                    , "type": "checkbox"
                    , "order": '01'
                }, {
                    "id": "01"
                    , "yhname": "张三"
                    , "number": "6225****123456"
                    , "where": "中国工商银行佛山分行营业部"
                    , "userif": "开关"
                    , "type": "checkbox"
                    , "order": '01'
                }, {
                    "id": "01"
                    , "yhname": "张三"
                    , "number": "6225****123456"
                    , "where": "中国工商银行佛山分行营业部"
                    , "userif": "开关"
                    , "type": "checkbox"
                    , "order": '01'
                }, {
                    "id": "01"
                    , "yhname": "张三"
                    , "number": "6225****123456"
                    , "where": "中国工商银行佛山分行营业部"
                    , "userif": "开关"
                    , "type": "checkbox"
                    , "order": '01'
                }, {
                    "id": "01"
                    , "yhname": "张三"
                    , "number": "6225****123456"
                    , "where": "中国工商银行佛山分行营业部"
                    , "userif": "开关"
                    , "type": "checkbox"
                    , "order": '01'
                }, {
                    "id": "01"
                    , "yhname": "张三"
                    , "number": "6225****123456"
                    , "where": "中国工商银行佛山分行营业部"
                    , "userif": "开关"
                    , "type": "checkbox"
                    , "order": '01'
                }, {
                    "id": "01"
                    , "yhname": "张三"
                    , "number": "6225****123456"
                    , "where": "中国工商银行佛山分行营业部"
                    , "userif": "开关"
                    , "type": "checkbox"
                    , "order": '01'
                }, {
                    "id": "01"
                    , "yhname": "张三"
                    , "number": "6225****123456"
                    , "where": "中国工商银行佛山分行营业部"
                    , "userif": "开关"
                    , "type": "checkbox"
                    , "order": '01'
                }, {
                    "id": "01"
                    , "yhname": "张三"
                    , "number": "6225****123456"
                    , "where": "中国工商银行佛山分行营业部"
                    , "userif": "开关"
                    , "type": "checkbox"
                    , "order": '01'
                }, {
                    "id": "01"
                    , "yhname": "张三"
                    , "number": "6225****123456"
                    , "where": "中国工商银行佛山分行营业部"
                    , "userif": "开关"
                    , "type": "checkbox"
                    , "order": '01'
                }, {
                    "id": "01"
                    , "yhname": "张三"
                    , "number": "6225****123456"
                    , "where": "中国工商银行佛山分行营业部"
                    , "userif": "开关"
                    , "type": "checkbox"
                    , "order": '01'
                }, {
                    "id": "01"
                    , "yhname": "张三"
                    , "number": "6225****123456"
                    , "where": "中国工商银行佛山分行营业部"
                    , "userif": "开关"
                    , "type": "checkbox"
                    , "order": '01'
                }, {
                    "id": "01"
                    , "yhname": "张三"
                    , "number": "6225****123456"
                    , "where": "中国工商银行佛山分行营业部"
                    , "userif": "开关"
                    , "type": "checkbox"
                    , "order": '01'
                }]
            });

            table.on('tool(test)', function (obj) { //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
                var data = obj.data //获得当前行数据
                    , layEvent = obj.event; //获得 lay-event 对应的值
                if (layEvent === 'detail') {
                    layer.msg('查看操作');
                } else if (layEvent === 'del') {
                    layer.open({
                        type: 0
                        , id: 'turnDown' //防止重复弹出
                        , area: ['400px !important', '220px !important']
                        , title: "信息"
                        , content: '<p style="font-size: 16px;height: 40px;line-height: 40px">确认删除吗?</p>'
                        , btn: ['确定', '取消']
                        , btnAlign: 'r' //按钮对齐方式
                        , shade: 0
                        , shadeClose: true
                        , move: false
                        , resize: false
                        , yes: function () {
                            layer.closeAll();
                            layer.msg("删除成功")
                        }
                        , btn2: function () {
                            layer.closeAll();
                        }
                    });
                } else if (layEvent === 'edit') {
                    layer.msg('编辑操作');
                }
            });

            laypage.render({
                elem: 'demo3'
                , prev: '<em><</em>'
                , next: '<em>></em>'
                , count: 100
                , layout: ['limit', 'skip', 'prev', 'page', 'next']
                , jump: function (obj) {
                    console.log(obj)
                }
            });
        });

        $('#layerDemo .layui-btn').on('click', function () {
            var othis = $(this),
                method = othis.data('method');
            active[method] ? active[method].call(this, othis) : '';
        });

        var footerTpl = lay('#footer')[0].innerHTML;
        lay('#footer').html(layui.laytpl(footerTpl).render({}))
            .removeClass('layui-hide');
    </script>
</body>

</html>